{extend name="index/public" /}

{block name="content"}
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this" href="{:url('ChartData/gameRank')}">游戏排行</li>
        <li href="{:url('ChartData/channelRank')}">渠道排行</li>
    </ul>
    <div class="layui-tab-content">
        <iframe class="game-iframe" name="game-iframe" src="{:url('ChartData/gameRank')}" frameborder="0" scrolling="auto"></iframe>
    </div>
</div>
{/block}

{block name="css"}
<style>
    .game-iframe {width:100%; height:800px; border:0; overflow: hidden;}
</style>
{/block}

{block name="js"}
<script>
    layui.use(['form', 'laydate', 'table'], function(){
        var $ = layui.$
            ,laydate = layui.laydate;

        $('#layui-loading').hide();

        $('.layui-tab-title li').click(function(){
            console.dir($(this).attr('href'));
            $('.game-iframe').attr('src', $(this).attr('href'));
        })
    });
</script>
{/block}